@charset "utf-8";

/*公用*/
.com-width{
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}
.left-area{float: left;}
.right-area{float: right;}
.hide{display: none;}
.show{display: block;}

.top-bar{
	height: 31px;
	background-color: #f7f7f7;
	line-height:31px; 
}
.collection{
	background: url(../images/icon/collection.jpg) 
	left center no-repeat;
	padding-left: 19px;
	font-weight: bold;
}
.top-bar a:hover{color:red;}

/* logo*/
.logo-bar{
	height: 85px; 
	background-color: #1d7ad9;
	padding: 13px 0 0 14px;
}

/* search-box*/
.search-box{
	width: 430px;
	padding:23px 0 0 145px  ;
}
// .search-text{
// 	width: 350px;
// 	height: 14px;
// 	background-color: #ffffff;
// 	padding:11px 5px 10px  5px;
// }
.search-text{
	width: 350px;
	height: 35px;
	background-color: #ffffff;
	padding:0 5px;
	line-height: 35px\9;
}
.search-btn{
	width: 70px;
	height: 35px;
	font-size: 14px;
	font-family: "微软雅黑";
	background-color: #ff8c00;
	color:#fff;
}
/*输入框中，在ie6中会偏上,解决
案
1,让35的高度拆分
height:14px;
line-height:14px;
padding:11px 5px 10px 5px; */

/* 
/9表示所有的IE浏览器，css hack*/


/*shop-car*/
.shop-car{
	width:145px;
	height: 35px;
	margin: 23px 59px 0 0;
	background-color: #ff8800;
	font:14px/35px "微软雅黑";
	color:#fff;
	height:100%;
}
.shop-text{
	/* font-family: "微软雅黑";
	 font-size: 14px;
	 line-height: 35px;
	*/
	
	width: 47px;
	border-right: 1px solid #e27a00;
	background: url(../images/shop-car.gif)
	10px center no-repeat;
	padding-left:40px;
}
.shop-num{
	width:27px;
	border-left: 1px solid #ff9c01;
	background: url(../images/shop-num.jpg)
	33px center no-repeat;
	padding-right: 29px ;
	text-align: right;
}
/* 导航部分*/
.nav-box{
	height: 35px;
	background-color: #1369c0;
	color:#fff;
}
.shop-class{
	width: 190px;
	position: relative;
	/*注意*/
}
.shop-class h3{
text-align: center;
line-height: 35px;
}

.shop-class i{
	display: inline-block;
	width: 11px;
	height: 7px;
	overflow: hidden;
	background: url(../images/down.jpg)
	left center no-repeat;
	margin-left: 11px;
}

.nav{
	line-height: 35px;
}
.nav li{
	float: left;
}
.nav a{
	display: inline-block;
	height: 35px;
	padding: 0 35px 0 25px;
	color:#fff;
}
.nav .acitve{
	background-color: #4593fd;
}

/*商品弹出列表*/
.shop-class-show{
	background-color:#4593fd;
	position: absolute;
	left:0;
	top:35px;
	width: 100%;

}
.shop-class-item{
	border-top:1px solid #5aa1fe;
	padding:14px 10px;
	border-bottom: 1px solid #3487f2;
}
.shop-class-item dt{
	height: 22px;
	background: url(../images/right.jpg) 
	right center no-repeat;
}
.shop-class-item .b{
	 font-weight: bold;
	 font-size: 14px;
	// font:14px/1 "微软雅黑";
}
.shop-class-item a{
	color:#fff;
}
.shop-class-item a:hover{
	text-decoration: underline;
}
.shop-class-item .alink{
	width:48px;
	height: 20px;
	background: url(../images/nav-bg.jpg) 
	left center no-repeat;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	text-decoration: underline;
}

/* 弹出的菜单*/
.shop-class-list{
	width: 548px;
	border:1px solid #CCC;
	position: absolute;
	left:190px;
	top:35px;
	background-color:#fff; 
	font-size: 0;
}
.shop-class-count{
	padding:1px  20px;
}
.shop-list-item{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}
.shop-list-item dt{
	color:#4b88da;
	font-weight: bold;
	height: 14px;
	line-height: 24px;
	font-size: 14px;
	width: 68px;

}
.shop-list-item dd{
	padding-left: 68px;
	margin-top:-14px;
	line-height: 24px;
}
.shop-list-item dd a{
	margin-left: 12px;
}
.shop-list-links{
	padding: 15px 0;
}
.shop-list-links a{
	color:#fff;
	background-color: #2785e6;
	height: 26px;
	line-height: 26px;
	padding: 0 14px 0 8px;
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
}
.shop-list-links a span{
	width: 11px;
	height: 7px;
	display: inline-block;
	background: url(../images/shop-right.jpg)
	left center no-repeat;
	margin-left: 7px;
}